<link href="<?php echo DOMAIN; ?>/css/my-style.css" rel="stylesheet" type="text/css" />
<form method="post" class="form" action="">
      <fieldset>
        <legend>Simple Forms</legend>
        <p>
          <label  for="City">Field:</label>
          <input id="City" type="text" name="City" />
        </p>
        <p>
          <label for="Name"><span class="required">*</span> Required:</label>
          <input id="Name" type="text" name="Name" />
        </p>
        <p>
          <label for="Email">Date:</label>
          <input class="datepicker" id="Email" type="text" name="Email" />
          <img src="./img/icons/24/calendar.png" alt="" /> </p>
        <p>
          <label for="Message">Message:</label>
          <textarea id="Message" name="Message" rows="4" cols="20"></textarea>
        </p>
        <p>
          <label for="Pellentesque">Drop Down:</label>
          <select id="Pellentesque" size="1"  name="select">
            <optgroup label="Lorem ipsum1">
            <option selected="selected" value="1">Nunc urna nulla</option>
            <option value="2">ultrices sit amet</option>
            <option value="3">cursus faucibus</option>
            <option value="4">tincidunt pellentesque</option>
            <option value="5">ante</option>
            </optgroup>
            <optgroup label="Lorem ipsum2">
            <option value="6">Nunc ac diam</option>
            <option value="7">Donec orci risus</option>
            <option value="8">malesuada quis</option>
            <option value="9">vulputate eu</option>
            <option value="10">lacinia in</option>
            </optgroup>
          </select>
        </p>
        <p class="inline">
          <label>Lorem ipsum1:</label>
          <label>
            <input type="radio" name="radioSet" value="uno" />
            Uno </label>
          <label>
            <input type="radio" name="radioSet"  value="due" />
            Due </label>
          <label>
            <input type="radio" name="radioSet"  value="tre" />
            Tre </label>
        </p>
        <p class="inline">
          <label>Lorem ipsum2:</label>
          <label>
            <input type="checkbox" name="checkSet"  value="one" />
            One</label>
          <label>
            <input type="checkbox" name="checkSet" value="two" />
            Two</label>
          <label>
            <input type="checkbox" name="checkSet" value="three" />
            Three </label>
        </p>
      </fieldset>
        <fieldset id="formtabs">
          <legend>Complex Forms</legend>
          <div class="notification tip"> <span class="strong">Tip:</span> This is a tip message. </div>
          <ul class="tabs">
            <li><a href="#formtab1" class="active">Profile</a></li>
            <li><a href="#formtab2">Settings</a></li>
          </ul>
          <div class="box-wrapper">
            <div id="formtab1" class="box">
              <p>
                <label>Your Username is:</label>
                <input id="Username" type="text" name="Username" value="JohnDoe" />
              </p>
              <p>
                <label>You Age:</label>
                <input class="small" id="Age" type="text" name="Age" />
              </p>
              <p>
                <label>Bio:</label>
                <textarea class="wysiwyg"> </textarea>
                <span class="txt-lighter txt-smaller">Tell us about yourself.</span> </p>
            </div>
            <div id="formtab2" class="box">
              <div class="notification warning"> <span class="strong">Warning:</span> Settings will not be saved. </div>
              <p class="switch-wrapper small">
                <label>Show new users?</label>
                <input type="radio" checked="checked" name="field" id="yes1">
                <input type="radio" name="field" id="no1">
                <span class="switch-enable selected">Enable</span> <span class="switch-disable">Disable</span> </p>
              <p class="switch-wrapper small">
                <label>Email when registering?</label>
                <input type="radio" name="field" id="yes2">
                <input type="radio" checked="checked" name="field" id="no2">
                <span class="switch-enable">Enable</span> <span class="switch-disable selected">Disable</span> </p>
            </div>
          </div>
          <br class="cl" />
          <p class="border-top strong tr no-margin">Form Progress:
            <progress class="progress-bar blue"> <span style="width: 68%;">68%</span> </progress>
            <br />
          </p>
        </fieldset>
      </form>